<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" 
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
	* {
		margin: 0;
		padding: 0;
	}
	#app {
		position: relative;
		width: 800px;
		margin: 10px auto;
	}
	tr td {
		margin: auto;
	}
</style>
</head>

<body>
	
<div id="app">
	<table class="table">
		<tr class="active">
		  <td class="active" colspan="6">页面名称</td>
		</tr>
	  <tr class="active">
			<td class="warning">
				<a href="./CSS/表格.html">表格</a>
			</td>
			<td class="danger">
				<a href="./CSS/海报.html">海报</a>
			</td>
			<td class="info">
				<a href="./CSS/简历.html">简历</a>
			</td>
			<td class="warning">
				<a href="./CSS/快递单.html">快递单</a>
			</td>
			<td class="danger">
				<a href="./CSS/选项卡.html">选项卡</a>
			</td>
			<td class="info">
				<a href="./CSS/雪花.html">雪花</a>
			</td>
		</tr>
		<tr class="active">
			<td class="info" colspan="2">
				<a href="./motional/写轮眼.html">写轮眼</a>
			</td>
			<td class="success" colspan="2">
				<a href="./motional/轮回眼.html">轮回眼</a>
			</td>
			<td class="warning" colspan="2">
				<a href="./motional/圆圈.html">魔幻圆圈</a>
			</td>
		</tr>
	  <tr>
	    <td class="danger" colspan="6">
	    	<a href="myWeb/index.html">我的页面</a>
	    </td>
	  </tr>
		<tr>
		  <td class="warning" colspan="6">
		  	<a href="search/mySearch.html">我的搜索</a>
		  </td>
		</tr>
		<tr>
		  <td class="success" colspan="6">
		  	<a href="./huawei/huawei.html">华为商城</a>
		  </td>
		</tr>
		<tr>
		  <td class="info" colspan="6">
		  	<a href="jingdong/index.html">京东登录</a>
		  </td>
		</tr>
		<tr>
		  <td class="danger" colspan="6">
		  	<a href="plane/index.html">飞机大战</a>
		  </td>
		</tr>
		<tr>
		  <td class="warning" colspan="6">
		  	<a href="tianmao/index.html">天猫商城移动端</a>
		  </td>
		</tr>
	</table>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>

</script>
</body>
</html>
